<div class="col-sm-12">
  <!-- BOX -->
  <div class="box">
    <div class="box-body">
      <div id="datatable1_wrapper" class="dataTables_wrapper form-inline" role="grid">
      	<div class="row">
          <div class="col-sm-9">
        	  <!--搜索-->
            <div class="col-sm-3 nopadding-left">
							<div>
                {{#power-select class="input-group-content" placeholder='楼宇名称' options=buildingList  selected=defaultBuilding searchField="allName"
								noMatchesMessage="没有相关内容"	allowClear=false onchange=(action "selectBuilding" ) as |building|}}
									{{building.name}}
								{{/power-select}}
	      			</div>
            </div>
            <div class="col-sm-3 nopadding-left">
              <div>
                {{#power-select class="input-group-content" placeholder='楼层名称' options=floorList  selected=defaultFloor searchField="allName"
								noMatchesMessage="没有相关内容"	allowClear=false onchange=(action "selectFloor" ) as |floor|}}
									{{floor.name}}
								{{/power-select}}
	      			</div>
            </div>
            <div class="col-sm-5 nopadding-left">
        	    <div class="input-group">
                {{callbusi/dict-selector groupCode=constants.publicType
                  showName="搜索公共区域 类型/用途" dictSelect="publicTypeSelect" preselected=false allowClear=true}}
                <!-- {{input class="form-control" type="text" placeholder="" value=queryCondition enter="search"}} -->
      	        <span class="input-group-btn">
        		      <button class="btn btn-primary btn-reduce" type="button" style="touch-action: manipulation; -ms-touch-action: manipulation;" {{action "search" on="click"}}>
                    <i class="fa fa-search"></i>
                  </button>
      	        </span>
        	    </div>
        	  </div>
        	  <!--搜索-->
          </div>
      	  <div class="user-add-btn col-sm-3 nopadding-right">
            {{#ui/mix-button class="user-btn pull-right" iconClass="fa-plus"  text='新增公共区域'  clickAction="toDetailPage" toDetailPage="toDetailPage"}}
            {{/ui/mix-button}}
          </div>
      	</div>
        <table id="datatable1" cellpadding="0" cellspacing="0" border="0"  class="datatable table table-bordered table-hover dataTable" aria-describedby="datatable1_info">
          <thead>
            <tr role="row">
              <th rowspan="1" colspan="1" width="">公共区域 类型/用途</th>
              <th rowspan="1" colspan="1" width="">公共区域 编号/名称</th>
              <th rowspan="1" colspan="1" width="">所属楼宇</th>
              <th rowspan="1" colspan="1" width="">所属楼层</th>
							<th rowspan="1" colspan="1" width="">备注</th>
            </tr>
          </thead>
          <tbody role="alert" aria-live="polite" aria-relevant="all" class="">
            {{#if roomList}}
            {{#each roomList as |room|}}
            <tr {{action "toDetailPage" room on="click"}}>
            <td class="ellipsis" >{{room.publicType.typename}}</td>
            <td class="ellipsis" >{{room.name}}</td>
            <td class="ellipsis" >{{room.floor.building.name}}</td>
            <td class="ellipsis" >{{room.floor.name}}</td>
            <td class="ellipsis" >{{room.remark}}</td>
            </tr>
            {{/each}}
            {{else}}
            {{/if}}
          </tbody>
        </table>
        {{#if roomList }}
            {{page-numbers content=roomList showFL=true numPagesToShow=5
            exportAllExcel="exportAllExcel" exportAll=exportAll}}
            {{else}}
                <h1 class="col-sm-12 center unTask"></h1>
        {{/if}}
      </div>
    </div>
  </div>
  <!-- /BOX -->
</div>
